<template>
  <div>
    <van-cell center :title="title" :label="`${singerName} - ${title}`">
      <!-- 使用 right-icon 插槽来自定义右侧图标 -->
      <template #right-icon>
        <van-icon @click="play" name="play-circle-o" size="25" />
      </template>
    </van-cell>
  </div>
</template>

<script>
export default {
  props: ['title', 'singerName', 'id'],
  methods: {
    play () {
       // 跳转
       this.$router.push({
        name: 'play',
        query: {
          id: this.id
        }
       })
    }
  }
}
</script>

<style></style>
